<template>
	<view class="cu-modal " :class="showMyTips?'show':''" @tap="hide">
		<view class="cu-dialog tips">
			<view class="content">
				<image src="/static/img/submit-success.png" style="width: 100%;" mode="widthFix"></image>
				<view class="text">
					提交成功 感谢参与
				</view>
				<view class="btn">
					<view class="coupons" @click.stop="couponsHandler">
						<image src="/static/img/collect coupons.png" style="width: 50%;" mode="widthFix"></image>
					</view>
					<view class="share" @click.stop="shareFriends">
						<image src="/static/img/share-friends.png" style="width: 42%;" mode="widthFix"></image>
					</view>
				</view>
			</view>
		</view>
		
		<posterVue></posterVue>
		
	</view>
</template>

<script>
	import posterVue from './poster.vue';
	export default {
		components: {
			posterVue
		},
		data(){
			return {
				showMyTips: false,
				myPosterlist: [],
				posterUrl: ''
			}
		},
		methods:{
			open(){
				this.showMyTips = true
			},
			hide(){
				console.log('hide');
				this.showMyTips = false
			},
			couponsHandler(){
				console.log('couponsHandler');
			},
			shareFriends(){
				console.log('shareFriends');
			}
		}
	}
</script>

<style lang="scss">
	.tips{
		width: 100%;
		height: 100%;
		background-color: transparent;
		.content{
			position: relative;
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			.text{
				position: absolute;
				top: 51%;
				font-size: 50rpx;
				font-weight: bold;
				background: -webkit-linear-gradient(-90deg, #ff7d2d 20%, #ff280e);
				background-clip: text;
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}
			.btn{
				width: 100%;
				position: absolute;
				top: 58%;
				.coupons{
					
				}
			}
		}
	}
</style>